import Bus from 'vue';
let install = function (Vue) {
  Vue.prototype.$bus = new Bus()
}
export default { install };

/**
 * Vue中的$Bus使用？
 * 将Bus单独抽离成一个文件。这种方式，经过webpack打包后可能会出现Bus局部作用域的情况，即引用的是两个不同的Bus，导致不能正常通信
 *
 * 将Bus注入到Vue的prototype上(下方代码即是)。推荐使用
 */
/**
//main.js
// 将挂载到prototype单独抽离成一个文件
import plugin from './util/Bus';
Vue.use(plugin);

//./util/Bus.js
import Bus from 'vue';
let install = function (Vue) {
  // 设置eventBus
  Vue.prototype.bus = new Bus();
}
export default { install };

父组件
mounted () {
  // 注册事件
  this.bus.$on('updateData', (content)=>{
    console.log(content);
  });
},
// 注册的总线事件要在组件销毁时卸载，否则会多次挂载，造成触发一次但多个响应的情况
beforeDestroy () {
  this.bus.$off('updateData', (content)=>{
    console.log(content);
  });
}

子组件
tapBus(){
// 触发兄弟组件身上的事件，并传一个object过去
  this.bus.$emit('updateData', {loading: false});
}
*/

//register-service-worker https://blog.csdn.net/KimBing/article/details/127878458
